<?php echo $this->doctype(); ?>
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>    
	<?php 
	  echo $this->headMeta()
	            ->appendName('description', $this->translate->_('description'))
	            ->appendName('keywords', $this->translate->_('keywords'))
	            ->appendName('author', $this->translate->_('author'))
	            ->appendName('copyright', $this->translate->_('copyright'));
	            
	  echo $this->headTitle() . PHP_EOL;
	  echo $this->headScript()->appendFile('/js/swfobject.js')
	                          ->appendFile('/js/jquery.js')
	                          ->appendFile('/js/easySlider1.5.js') . PHP_EOL; 
	  
	  echo $this->headLink(array('rel' => 'shortcut icon',
                                  'href' => '/images/graphics/favicon.png'),
                                  'PREPEND')
                 ->prependStylesheet('/css/style.css', 'screen', true)
                 ->prependStylesheet('/css/admin.css', 'screen', true)
                 ->prependStylesheet('/css/mootools_menu.css', 'screen', true) . PHP_EOL;

    $lang = Zend_Registry::get('Zend_Locale')->getLanguage();
?>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){	
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
	});	
});
// ]]>
</script>
<style type="text/css">
.gallery { float:right; width:376px; height:238px; margin:0; padding:37px 0 0 0; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:376px; height:238px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:42px; height:25px; position:absolute; left:23px; top:7px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:42px; height:25px; position:absolute; left: 70px; top:7px; }
#prevBtn a { display:block; width:42px; height:25px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:42px; height:25px; background:url(images/r_arrow.gif) no-repeat 0 0; }
</style>
</head>
<body>


<div class="main">

   <div class="blok_header">
      
      <div class="header">
         <div class="logo">
            <a href="index.html"><img src="/images/logo.gif" width="458" height="115" border="0" alt="logo" /></a>
         </div>
         
         <div class="menu">
            <?php echo $this->partial('partials/topmenu.phtml'); ?>        
         </div>
         <div class="clr"></div>
      </div>
      
      <div class="clr"></div>
   </div>
   
   <div class="clr"></div>
   
   <div class="header_text_bg">
      <div class="header_text">
         <div class="div">
            
            <div class="left1">
               <h2>
                  Because <span><strong>web design</strong></span> is our passion<br />
                  and that’s what we do!<br />
               </h2>
               <p>
                  Lorem Ipsum has been the industry's standard dummy textver since thes, when an unknown printer.
               </p>
               <ul>
                  <li>• Standard dummy text ever</li>
                  <li>• Make a type specimen book</li>
               </ul>
               <div class="clr"></div>
               <p>
                  <a href="#"><img src="/images/view_ggalery.gif" alt="picture" width="96" height="25" border="0" /></a><a href="#"><img src="/images/reade_mmore.gif" alt="picture" width="86" height="25" border="0" /></a>
               </p>
            </div>
            
            <div class="gallery">
               <div id="slider">
                  <ul>
                     <li><img src="/images/simple_img_1.jpg" alt="screen 1" width="376" height="238" border="0"  /></li>
                     <li><img src="/images/simple_img_2.jpg" alt="screen 1" width="376" height="238" border="0"  /></li>
                     <li><img src="/images/simple_img_3.jpg" alt="screen 1" width="376" height="238" border="0"  /></li>
                  </ul>
               </div>
            </div>
            <div class="clr"></div>
            
         </div>
         
      </div>
      
      <div class="clr"></div>
   </div>
   
   <div class="body_resize">
      <div class="body">
      
         <?php echo $this->layout()->content; ?>
         <div class="clr"></div>
         
      </div><?php //end of body ?>
       
      <div class="clr"></div>
   </div><?php //end of body_resize ?>
</div><?php //end of main ?>

<div class="footer">
   <div class="footer_resize">
      <?php echo $this->partial('partials/footer.phtml'); ?>
      <div class="clr"></div>
   </div>
</div>

</body>
</html>